/**
* Button
**/
@mixin button-size($padding-x, $padding-y, $font-size, $border-color-radius) {
  padding: $padding-y $padding-x;
  font-size: $font-size;
  border-radius: $border-color-radius;
}

@mixin button-type(
  $color,
  $background,
  $border-color,
  $hover-background: lighten($background, 7.5%),
  $hover-color: lighten($color, 10%),
  $hover-border: $color
) {
  color: $color;
  background: $background;
  border-color: $border-color;
  &:hover,
  &:focus,
  &.focus {
    color: $hover-color;
    background: $hover-background;
    border-color: $hover-border;
  }
  &:disabled,
  &.disabled {
    color: $color;
    background: $background;
    border-color: $border-color;
  }
}

// Alert
@mixin alert-type($color, $border: $color) {
  color: rgba(0, 0, 0, 0.85);
  border: 1px solid lighten($color, 30%);
  background-color: lighten($color, 45%);
}

@mixin text-overflow($text-over-type: ellipsis) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: $text-over-type;
}
